
<html>
<head>
<title>Eighteenth Test of Section 5.3.6 of CSS1 Spec</title>

<style type="text/css">
p {background-image: url(flagbg.gif)}
#id1 {background-position: bottom left}
#id2 {background-position: left bottom}
#id3 {background-position: 0%100%}
</style>
</head>

<body>




<h1>Testing Statement #18 Below of Section 5.3.6 of CSS1 Spec</h1>





<ul>
<li >
18. "bottom left" and "left bottom" mean the same as "0%100%".
</ul>

<h2>
PASS CRITERIA:
</h2>
<p ID=id1>
If statement #18 above is passed, this paragraph should have a flag image
which is to the bottom left of this paragraph text.
The rule applied is "#id1 {background-position: bottom left}".
<p ID=id2>
This paragraph should have a flag image which is to the left bottom with
respect to this paragraph text.
The rule applied is "#id2 {background-position: left bottom}".
This paragraph should look like the one above.
<p ID=id3>
This paragraph should have a flag image which is 0% across and 100% down
this paragraph text.
The rule applied is "#id3 {background-position: 0%100%}".
This paragraph should look like the one above.

<p>
The rule "p {background-image: url(flagbg.gif)}" is also applied above.
All other properties of this page should be UA-default.

</body>
</html>
